﻿<!Doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="description" id="description1" content="1">
  <meta name="renderer" content="webkit">
  <meta name="format-detection" content="telephone=no">
  <title>AskiNow Online Classroom</title>
  <link href="css/main.css" rel="stylesheet" type="text/css">
  <link href="css/video.css" rel="stylesheet" type="text/css">
  <link href="css/sidebar.css" rel="stylesheet" type="text/css">

</head>
<body>

<div class="videoDrog">
  <div class="my-video"><img src="images/userPic.jpg" alt=""></div>
  <div class="video-icons">
    <div><img src="images/video-icons-1.png" alt=""></div>
  </div>
  <p>Connecting to the server...</p>
  <!--Can not connect to the server...
Waiting for the reponse...
No response from the other user...
Connection established...
Request has been rejected...
The line is busy...
  -->
</div>

<div class="videoDrog" style="right:700px;">
  <div class="my-video" style="top:0;right:45px;"><img src="images/userPic.jpg" alt=""></div>
  <div class="other-video"><img src="images/video_.jpg" alt=""></div>
  <div class="video-icons2">
    <div><img src="images/video-icons-2.png" alt="">Close video</div>
    <div><img src="images/video-icons-1.png" alt="">Hang Up</div>
    <div><img src="images/video-icons-3.png" alt="">Close radeo</div>
  </div>
</div>

<div class="videoDrog" style="top:500px;">
  <div class="my-video" style="top:0;right:45px;"><img src="images/userPic.jpg" alt=""></div>
  <div class="other-video"><img src="images/video_.jpg" alt=""></div>
  <div class="video-icons2">
    <div><img src="images/video-icons-4.png" alt="">Open video</div>
    <div><img src="images/video-icons-1.png" alt="">Hang Up</div>
    <div><img src="images/video-icons-5.png" alt="">Open radeo</div>
  </div>
</div>

<div class="video-conn">
  <p>You are invited to a video call...</p>
  <div class="btns">
    <div>Reject</div>
    <div style="background-color: #478ace;">Accept</div>
  </div>
</div>

<div class="video-conn">
  <p>The request is time out...</p>
  <div class="btns">
    <div>Confirm</div>
  </div>
</div>



<div class="video-conn">
  <p>The video call is stoped</p>
  <div class="btns">
    <div>Reject</div>
    <div style="background-color: #478ace;">Accept</div>
  </div>
</div>


<script type="text/javascript" src="js/inc/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/app/video.js"></script>
<script type="text/javascript" src="js/app/videomain.js"></script>
 
